@charset "utf-8";
/* CSS Document */
.other_banner img{ width: 100%; vertical-align:bottom;}
.swiper-slide .img{width:100%; height:100%;/*transform:scale(1.1); */transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative;} 
.swiper-container {margin: 0 auto;  position: relative;  z-index: 1;overflow: hidden;}
.swiper-wrapper { position: relative; width: 100%;height: 100%;  z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
    transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.swiper-pagination{ height: 10px;text-align: center ;  width: 100%; position: absolute; left: 0; bottom: 35px; z-index: 999;}
.swiper-pagination span{display: inline-block; width: 20px; height:20px;border-radius:50%; margin: 0 10px; transition: all .5s; cursor: pointer; position: relative;background:none;opacity: 1; }
.swiper-pagination span:before{content:""; display: block; width:50%; height: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff;}
.swiper-pagination-bullet-active{ border:2px solid #083E8D; box-sizing: border-box;}
.swiper-pagination-bullet-active:before{ background: #083E8D!important; }
.arrow-left{  left: 100px;}
.arrow-right{  right: 100px;}
.banner_btn{ width: 60px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer; transition: all .8s; border-radius: 50%; text-align: center; line-height: 60px;}
.banner_btn img{ width: auto !important; vertical-align: middle !important;}
.banner_btn:hover{ background:#3e77cc;}

.index1 {padding:80px 0;}
.index1 .in_tit {margin-bottom:50px;text-align: center;}
.index1 .in_tit h4 {margin-bottom: 20px;font-size: 42px;color: #666;font-weight: 100;line-height: 36px;}
.index1 .in_tit h4 i {display: inline-block;color: #0281cc;font-weight: 100;vertical-align: top;}
.index1 .in_tit h6 {font-size: 24px;color: #bac5cc;font-weight: 100;vertical-align: top;text-transform: uppercase;}
.index1 .in_mian {overflow: hidden;}
.index1 .in_mian ul {margin-right: -1%;}
.index1 .in_mian ul li {float: left;width: 24%;margin-right: 1%;box-sizing: border-box;}
.index1 .in_mian .in_img {width: 100%;height: 285px;overflow: hidden;}
.index1 .in_mian .in_img span {display: block;width: 100%;height: 100%;background: no-repeat center;background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.index1 .in_mian .in_txt {background: #f4f4f4;padding:20px 18px;}
.index1 .in_mian .in_txt span {width: calc(100% - 60px);line-height: 25px;}
.index1 .in_mian .in_txt span em {display: block;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index1 .in_mian .in_txt span font {display: block;font-size: 14px;color: #858585;overflow: hidden;/*white-space: nowrap;text-overflow: ellipsis;*/}
.index1 .in_mian .in_txt i {display: block;width:45px;height: 45px;overflow: hidden;border: 1px solid #ccc;border-radius: 50%;background: #fff;box-sizing: border-box;box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);font-size: 22px;color: #666;line-height: 45px;text-align: center;vertical-align: top;}
.index1 .in_mian ul li:hover .in_img span { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index1 .in_mian ul li:hover .in_txt { background: #0280CC; }
.index1 .in_mian ul li:hover .in_txt span font, .index1 .in_mian ul li:hover .in_txt span em { color: #fff; }
.index1 .in_mian ul li:hover .in_txt i { color: #0280CC; }

@media screen and (max-width: 1440px) and (min-width:1281px) {
.index1 .in_tit {margin-bottom:40px;text-align: center;}
.index1 .in_mian .in_img {width: 100%;height: 245px;overflow: hidden;}
.index1 .in_mian .in_txt {background: #f4f4f4;padding:20px 10px;}
}
@media screen and (max-width: 1280px) and (min-width:1025px) {
.index1 .in_mian .in_img {width: 100%;height: 225px;overflow: hidden;}
.index1 {padding:60px 0;}
.index1 .in_tit {margin-bottom:20px;text-align: center;}
}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index1 .in_tit {margin-bottom:20px;text-align: center;}
.index1 .in_tit h4 {margin-bottom: 10px;font-size:24px;color: #666;font-weight: 100;line-height: 26px;}
.index1 .in_tit h4 i {display: inline-block;color: #0281cc;font-weight: normal;vertical-align: top;}
.index1 .in_tit h6 {font-size:14px;color: #bac5cc;font-weight: normal;vertical-align: top;text-transform: uppercase;line-height: 26px;}
.index1 .in_mian ul li {float: left;width: 49%; margin-bottom:2%;}
.index1 .in_mian .in_img img {width: 100%;overflow: hidden;}
.index1 .in_mian .in_txt i { display:none;}
.index1 .in_mian .in_txt {background: #f4f4f4;padding:8px 12px;}
.index1 .in_mian .in_txt span {width: calc(100% - 5px);line-height: 25px;}

}
@media screen and (max-width: 1024px) and (min-width:768px) {/* 移动端的尺寸 */	
.index1 {padding:40px 0;}
.index1 .in_mian .in_img {width: 100%;height: 270px;overflow: hidden;}
}
@media screen and (max-width:767px) {
.index1 {padding:30px 0;}
.index1 .in_mian .in_img {width: 100%;height: 170px;overflow: hidden;}
}
@media screen and (max-width:375px) {
.index1 {padding:30px 0;}
.index1 .in_mian .in_img {width: 100%;height: 150px;overflow: hidden;}
}

/*首页第二部分*/
.index2 .in_tit { margin-bottom:20px; text-align: center; }
.index2 .in_tit h4 { margin-bottom: 15px; font-size: 42px; color: #0281cc; font-weight: 100; line-height: 50px; }
.index2 .in_tit h4 i { display: inline-block; font-size: 50px; font-weight: 100; color: #b6c0c6; text-transform: uppercase; vertical-align: top; }
.index2 .in_tit h6 { font-size: 16px; color: #666; }
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index2 .in_tit h4 { margin-bottom: 15px; font-size:24px; color: #0281cc; font-weight: 100; line-height: 26px; }
.index2 .in_tit h4 i { display: inline-block; font-size: 30px; font-weight: 100; color: #b6c0c6; text-transform: uppercase; vertical-align: top; }
.index2 .in_tit h6 { font-size: 16px; color: #666; font-weight:normal;}
}
.u_hidden{ display: none;}
.pro_warp{background: url(../images/sy_bg.jpg) no-repeat center; width: 100%;  background-size: cover;	overflow: hidden; }
.pro_warp .z-container{ position: relative;height:800px;}
.proleft{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 28%; color: #fff;}
.proleft h3{font-size: 36px;}
.proleft h4{ font-size: 22px;}
.proleft .desc{ margin: 60px 0; line-height: 30px;}
.proleft .btn{ display: block; width: 160px; line-height:40px; text-align: center; border: 1px solid #a07435; border-radius: 3px; color: #fa9f19; box-sizing: border-box;}
.proleft .btn img{ vertical-align: middle; margin-left: 10px;}
.pro_warp .pro-mes a:hover{ color: #14a0e6; border: #14a0e6 1px solid; }
.pro_warp .pro-slider{ position: absolute; width: 20%; height: 330px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9; }
.bx-wrapper img {display: block; }
.pro-slider .bxslider li{ display: flex; width:20%; height: 330px; margin:0 auto; justify-content: center; align-items: center;}
.pro-slider .bxslider li img{ position: absolute;right:5%; top:0%;  opacity: .5; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .2s ease; transition: all .2s ease; }
.pro-slider .bxslider li.bigger img{ padding-left:5%; width:100%; overflow:hidden; opacity: 1; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
.bxslider-pro-name{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 5; }
.bxslider-pro-name li{ margin: 15px 0; line-height: 36px; height: 36px; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; text-align: right; }
.bxslider-pro-name li a{ display: block; color: #D2E9FF; font-size: 16px; padding-right: 40px; background: url(../images/cir3.png) right center no-repeat; transition: all .2s; }
.bxslider-pro-name li.active a, .bxslider-pro-name li:hover a{ color: #fff; font-size: 20px; background: url(../images/cir4.png) right center no-repeat; }
@keyframes rotate{
	0%{transform:rotate(0deg);}
	50%{opacity: 0.5;}
	100%{transform:rotate(-360deg);}
}
@-webkit-keyframes rotate{
	0%{ -webkit-transform:rotate(0deg);}
	50%{opacity: 0.2;}
	100%{-webkit-transform:rotate(-360deg);opacity: 1;}
}
.pro_warp .earth.animate{ -webkit-animation:rotate .5s linear 1; animation:rotate .5s linear 1; }
.pro_warp .bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.pro_warp .bg .line,
.pro_warp .bg .txt{ position: absolute; }
.pro_warp .bg .line1{ top: -20px; left: -40px; }
.pro_warp .bg .line2{ bottom: 30px; left: -90px; }
.pro_warp .bg .line3{ top: 26px; right: -93px; }
.pro_warp .bg .line4{ bottom: -20px; right: -50px; }
.pro_warp .bg .txt { display: inline-block; width:120px; font-size: 14px; }
.pro_warp .bg .txt1,
.pro_warp .bg .txt2{ text-align: right; padding-right: 10px; color: #fff; }
.pro_warp .bg .txt1{ top: -28px; left: -170px; }
.pro_warp .bg .txt2{ bottom: 23px; left: -220px; }
.pro_warp .bg .txt3, .pro_warp .bg .txt4{ text-align: left; padding-left: 10px; color: #4a4845; }
.pro_warp .bg .txt3{ top: 20px; right: -220px; }
.pro_warp .bg .txt4{ bottom: -25px; right: -180px; }
.bxslider-ps{ position: absolute; top: 200px; left: 310px; z-index: 0; width: 690px; height: 401px; overflow: hidden; font-size: 14px; }
.bxslider-ps li{ opacity: 0; }
.pro_warp2{ display: none;}

@media screen and (max-width:780px) {
.other_banner,.banner{padding-top: 50px;}
.banner_btn{ display: none;}
.swiper-pagination span{ width: 12px; height: 12px; margin: 0 3px;}
.swiper-pagination{ bottom: 10px;}
.proleft{ position: relative; transform: translateY(0); width: 100%; left: 0; top: 0;}
.proleft h3{ font-size: 18px;}
.proleft h4{ font-size: 16px;}
.proleft .desc{ margin: 20px 0;}
.proleft .btn{ height: 40px; line-height: 40px;}
.pro_warp{ background: url(../images/sy_bg.jpg) no-repeat top center;}
.pro_warp .z-container{ height: auto; padding: 30px 0; display: none;}
.pro_warp2{ display:block;}
.pro_warp2{z-index: 99;}
.pro_warp2 .swiper-slide{ }
.pro_warp2 .swiper-slide .tbbox {  padding:25px 15px 0px; box-sizing: border-box; color: #fff;}
.pro_warp2 .swiper-slide .tbbox h3{ font-size: 16px; margin-bottom: 10px;}
.pro_warp2 .swiper-slide .tbbox .desc{ margin: 10px 0; height: 80px; line-height: 20px; overflow: hidden;}
.pro_warp2 .swiper-slide .btn{display: block;width: 100px;line-height: 34px;text-align: center;border: 1px solid #fa9f19;border-radius: 3px;color: #fa9f19;box-sizing: border-box}
.pro_warp2 .swiper-slide .img{width: 100%; height: 300px; z-index: 10; display: flex; justify-content: center; align-items: center}
.pro_warp2 .swiper-slide img{ max-width: 90%; max-height: 90%;}
.pro_warp2 .swiper-slide .info{ position: absolute; left: 0; bottom:0; padding: 10px; box-sizing: border-box; background: rgba(0,117,194,.8); color: #fff; width: 100%;}
.pro_warp2 .tit{ font-size: 16px; margin-bottom: 10px;}

}
@media screen and (max-width:425px) {
.pro_warp2 .swiper-slide .img{width: 100%; height: 200px; }
}
.index3 {position: relative;z-index: 1; width: 100%; padding:80px 0; overflow: hidden; box-sizing: border-box;}
.index3 .in_tit { z-index: 9; text-align: center; margin-bottom:50px;}
.index3 .in_tit h4 { margin-bottom: 5px; font-size: 28px; color: #0383ce; font-weight: 100; line-height: 36px; }
.index3 .in_tit h4 em { display: inline-block; font-size: 36px; color: #b6c0c6; font-weight: 100; text-transform: uppercase; vertical-align: top; }
.index3 .in_tit h6 { font-size: 42px;font-weight: 100; color: #333; }
.index3 .pleft{width:51%; float: left;}
.index3 .pleft .n,.inewslist01 .text { margin-left:60px; display:block; overflow:hidden; margin-top:20px;}
.index3 .pleft .n { font-size:15px; line-height:22px; height:44px; font-weight:normal; margin-bottom:15px; color:#333;}
.index3 .pleft .text { line-height:22px; height:132px; overflow:hidden; color:#666;}
.index3 .pleft .text a { color:#666;}
.index3 .pleft li:hover .time{ border:#D20000 1PX solid; }
.index3 .pleft li:hover .time .day { background-color:#D20000;}
.index3 .pleft li:hover .n { color:#D20000;}
.index3 .pleft a{display:block}
.index3 .pleft a:hover .time_box{background:url(../images/red_90.png) repeat;}
.index3 .pleft .time_box{position:absolute; left:20px; top:20px; padding:10px 15px; background:url(../images/orange_82.png) repeat; text-align:center; color:#fff;}
.index3 .pleft .time_box .day{font-size:32px; line-height:1; margin-bottom:5px;}
.index3 .pleft .time_box .month{font-size:16px; line-height:1;}
.index3 .pleft .img_box{margin-bottom:20px;}
.index3 .pleft .info_box .t{font-size:16px; color:#000; line-height:1; margin-bottom:15px;}
.index3 .pleft .info_box .d{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; text-align:left;}
.index3 .pleft a:hover .t{color:#a80d0f;}
.index3 .pright{width: 47%; float: right;}
.index3 .pright ul{width: 100%; overflow:hidden;}
.index3 .pright ul li{line-height:25px; vertical-align:bottom; zoom:1;border:#dadada 1px solid;margin-bottom:12px;  padding:15px 20px;}
.index3 .pright ul li a{ color:#333; text-decoration:none;}
.index3 .pright ul li a:hover{ color:#FF0000; text-decoration:none;}
.index3 .pright .n { display:block;line-height:36px; font-size:16px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index3 .pright .time { display:block; line-height:36px; color:#666; font-size:14px; float:right;}
.index3 .pright .text { font-size:14px;line-height:24px; overflow:hidden; color:#666;}
.index3 .pright a:hover .n { color:#C40000;}
@media screen and (max-width:425px) {
.index3 .pleft .rect-75 { padding-bottom:50%;}
}
@media screen and (max-width:375px) {
.index3 .pleft .info_box .d{font-size:14px; color:#666; line-height:25px; height:48px; overflow:hidden; text-align:left;}
}
.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px; float:left;width: 580px;  margin-top:30px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .inews_btn{float:right; font-size:13px;}
.scroltit .inews_btn .inb { display:block; width:28px; height:27px; float:left; background:url(../images/inews_btn.png) no-repeat;}
.scroltit .inews_btn .inb_prev { margin-right:3px;}
.scroltit .inews_btn .inb_prev:hover { background-position:0 -27px;}
.scroltit .inews_btn .inb_next { background-position:-28px 0;}
.scroltit .inews_btn .inb_next:hover { background-position:-28px -27px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index3 .in_tit { z-index: 9; text-align: center; margin-bottom:20px;}
.index3 .in_tit h4 { margin-bottom: 0px; font-size: 22px; color: #0383ce; font-weight: 100; line-height: 36px; }
.index3 .in_tit h4 em { display: inline-block; font-size:28px; color: #b6c0c6; font-weight: 100; text-transform: uppercase; vertical-align: top; }
.index3 .in_tit h6 { font-size:26px;font-weight: 100; color: #333; }
.index3 .pleft{width:100%; float: none;}
.index3 .pright{width: 100%; float: none;}
.index3 .pleft li{ margin-bottom:10px;}
.index3 .pright ul li{ padding:15px;}

}
@media screen and (max-width: 1440px) and (min-width:1281px) {
.index3 .in_tit { z-index: 9; text-align: center; margin-bottom:40px;}
.index3 .pright ul li{margin-bottom:12px;  padding:7px 20px;}
.index3 .pright .text { font-size:14px;line-height:24px; height:48px; overflow:hidden; color:#666;}
}

@media screen and (max-width: 1280px) and (min-width:1025px) {
.index3 {padding:60px 0;}
.index3 .in_tit {margin-bottom:20px;text-align: center;}
.index3 .pright ul li{margin-bottom:12px;  padding:7px 15px;}
.index3 .pright .text { font-size:14px;line-height:24px; height:48px; overflow:hidden; color:#666;}

}

@media screen and (max-width: 1024px) and (min-width:781px) {/* 移动端的尺寸 */	
.index3 {padding:40px 0;}
}
@media screen and (max-width:780px) {
.index3 {padding:30px 0; }
}
.index4{ padding: 80px 0; background: #f3f3f3; }
.index4 .in_tit{ width: 43%; }
.index4 .in_tit h3{ font-size: 36px;font-weight: 100; margin-bottom:30px;}
.index4 .in_tit p{ color: #999; line-height: 24px; margin-bottom:18px;}
.index4 .in_tit .btn{ display: block; width: 160px; line-height:40px; text-align: center; border: 1px solid #0075C2; border-radius: 3px; color: #0075C2; box-sizing: border-box;}
.index4 .in_tit .btn img{ vertical-align: middle; margin-left: 10px;}
.index4_list{ width: 57%;float: right;border: 1px solid #eaeaea; box-sizing: border-box;}
.index4_list ul li{ width: 25%; height: 95px; line-height: 91px; float:left; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea; box-sizing: border-box; text-align: center;}
.index4_list ul li:nth-child(4n+0){border-right:none}
.index4_list ul li img{ max-width:90%; vertical-align: middle;transition:all .6s; }
.index4_list ul li img:hover{ transform: scale(1.1,1.1);}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index4 .in_tit{ width: 100%; }
.index4 .in_tit h3{ font-size:26px;font-weight: 100; margin-bottom:20px;}
.index4 .in_tit p{ margin-bottom:10px;}
.index4 .in_tit .btn{ margin-bottom:20px; margin-top:10px;}
.index4_list{ width: 100%;float: none;border: none; box-sizing: border-box;}

}
@media screen and (max-width: 1280px) and (min-width:1025px) {
.index4 {padding:60px 0;}
}
@media screen and (max-width: 1024px) and (min-width:769px) {/* 移动端的尺寸 */	
.index4 {padding:40px 0;}
.index4_list ul li{height: 105px; line-height: 101px;}
}

@media screen and (max-width: 768px) and (min-width:426px) {/* 移动端的尺寸 */	
.index4 {padding:40px 0;}
}
@media screen and (max-width:425px) {
.index4 {padding:30px 0; }
.index4_list ul li{ width:33%; height: 65px; line-height: 61px;}

}
@media screen and (max-width:375px) {
.index4_list ul li{ width:49.5%; height:80px; line-height: 76px;}
}